$(function () {

    // 获取文章id
    let id = new URLSearchParams(location.search).get('id');
    // 根据文章id查询文章的评论信息
    // 评论列表
    function loadCommentList() {
        $.ajax({
            type: 'get',
            url: 'http://localhost:8888/api/articles/' + id + '/comments',
            success: function (res) {
                if (res.status === 0) {
                    var arr = ['<h4><i class="sprites"></i>评论区</h4>']
                    res.data.forEach(function (item) {
                        arr.push(`
                            <div class="kr_comment_card">
                                <div class="img-wrap">
                                    <img src="./uploads/avatar_3.jpg" alt="">
                                </div>
                                <div class="info">
                                <p>${item.uname} · <span>2020-08-16</span></p>
                                <p>${item.content}</p>
                                </div>
                                <a href="javascript:;" class="like">1</a>
                            </div>
                        `)
                    })

                    $('#comment-list').html(arr.join(''));
                }
            }
        })
    }

    loadCommentList();

    // 发表评论
    $('#comment-form').submit(function (e) {
        e.preventDefault();
        let fd = $(this).serialize()
        console.log(fd);
        $.ajax({
            type: 'post',
            url: 'http://localhost:8888/api/articles/' + id + '/comments',
            data: fd,
            success: function (res) {
                if (res.status === 0) {
                    // 发表评论成功
                    layer.msg(res.message)
                    $('#comment-form').get(0).reset()
                    loadCommentList()
                }
            }
        })
    })

})